<!DOCTYPE HTML>
<html xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <link rel="stylesheet" href="../css/currency/bootstrap.css"/>
    <link href="../css/H-ui.min.css" rel="stylesheet" type="text/css"/>
    <link href="../css/H-ui.admin.css" rel="stylesheet" type="text/css"/>
    <link href="../css/style.css" rel="stylesheet" type="text/css"/>
    <link href="../lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="../css/recipe.css"/>
    <style>.exp {
        float: left;
        width: 300px;
    }</style>
    <title>交易信息</title>
</head>
<body>
<nav class="breadcrumb" style="margin-bottom:0px"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span
        class="c-gray en">&gt;</span> 交易信息 <span class="c-gray en">&gt;</span>交易信息列表
    <a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px"
       href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<div class="pd-20" id="trade">
    <div class="text-c" id="tradeList">
        <div id="storeHead">
            <form search-form>
                <input type="text" class="input-text" id="keyword" style="width:200px" placeholder="设备编号/交易编号"
                       v-model="condition.key" autocomplete="off">
                <input id="hiddenText" type="text" style="display:none" class="input-text">

                <span>
                    <input type="text" v-model="condition.startDate" id="startDate-d" name="startDate" autocomplete="off"
                           @focus="changeTime('startDate-d')"
                           onfocus="WdatePicker({skin:'default',dateFmt:'yyyy-MM-dd HH:mm:ss'})"
                           class="input-text Wdate" style="width:180px;" placeholder="开始时间">
                    -
					<input type="text" v-model="condition.overDate" id="overDate-d" name="overDate" autocomplete="off"
                           @focus="changeTime('overDate-d')"
                           onfocus="WdatePicker({skin:'default',dateFmt:'yyyy-MM-dd HH:mm:ss'})"
                           class="input-text Wdate" style="width:180px;" placeholder="结束时间">
				</span>
                <div id="selectBtnEnter" class="btn btn-primary" v-on:click="getList('search')">查询</div>
            </form>
            <div class="cl pd-5 bg-1 bk-gray mt-20">
                <span class="r" v-cloak>共有数据：{{pageInfo.total}}条</span>
            </div>
        </div>
        <form>
            <table class="table table-border table-bordered table-bg" id="store">
                <thead>
                <tr class="text-c">
                    <!--TODO 生成表头-->
                    <td><input type="checkbox" id="all" value="全选" v-model="condition.all" @click="checkAll"></td>
                    <th nowrap="nowrap" width='9.091%'>设备编号</th>
                    <th nowrap="nowrap" width='9.091%'>服务商APPID</th>
                    <th nowrap="nowrap" width='9.091%'>商户APPID</th>
                    <th nowrap="nowrap" width='9.091%'>商户号</th>
                    <th nowrap="nowrap" width='9.091%'>服务商商户号</th>
                    <th nowrap="nowrap" width='9.091%'>所属行业</th>
                    <th nowrap="nowrap">商户名</th>
                    <th nowrap="nowrap">商户全称</th>
                    <th nowrap="nowrap">服务商全称</th>
                    <th nowrap="nowrap">订单号</th>
                    <th nowrap="nowrap">交易号</th>
                    <th nowrap="nowrap">人脸凭证</th>
                    <th nowrap="nowrap">交易金额</th>
                    <th nowrap="nowrap">金额单位</th>
                    <th nowrap="nowrap">金额类型</th>
                    <th nowrap="nowrap">交易时间</th>
                    <th nowrap="nowrap">商品详情</th>
                </tr>
                </thead>
                <tbody v-cloak>
                <tr class="text-c" v-for="(item,index) in pageInfo.list">
                    <td><input type="checkbox" :value="item.equipmentCode" v-model="condition.items" name="id"></td>
                    <td nowrap="nowrap">{{item.equipmentCode}}</td>
                    <td nowrap="nowrap">{{item.appId}}</td>
                    <td nowrap="nowrap">{{item.subAppId}}</td>
                    <td nowrap="nowrap">{{item.subMchId}}</td>
                    <td nowrap="nowrap">{{item.mchId}}</td>
                    <td nowrap="nowrap">{{item.industry}}</td>
                    <td nowrap="nowrap">{{item.mchName}}</td>
                    <td nowrap="nowrap">{{item.mchFullName}}</td>
                    <td nowrap="nowrap">{{item.subMchFullName}}</td>
                    <td nowrap="nowrap">{{item.outTradeNo}}</td>
                    <td nowrap="nowrap">{{item.transactionId}}</td>
                    <td nowrap="nowrap">{{item.faceCode}}</td>
                    <td nowrap="nowrap">{{item.totalFee}}</td>
                    <th nowrap="nowrap">分</th>
                    <th nowrap="nowrap">CNY</th>
                    <td nowrap="nowrap">{{item.updateTime}}</td>
                    <td nowrap="nowrap">{{item.goods}}</td>

                </tr>
                </tbody>
            </table>
        </form>
        <div class="pageBox" v-cloak id="pageBox">
            <div class="pageInfo">显示 <span id="startRow">{{pageInfo.startRow}}</span> 到 <span id="endRow">{{pageInfo.endRow}}条</span>&nbsp;&nbsp;&nbsp;&nbsp;{{pageInfo.pages}}页&nbsp;&nbsp;&nbsp;&nbsp;共
                <span id="total">{{pageInfo.total}}</span> 条
                <select v-model="selectedPageSize" v-on:change="getList('changePageSize')">
                    <option value="5">5</option>
                    <option value="10">10</option>
                    <option value="15">15</option>
                    <option value="20">20</option>
                    <option value="50">50</option>
                </select>
            </div>
            <ul class="pagination" id="pagination"></ul>
        </div>
        <div class="tips" id="noData" align="center" style="display: none">
            无数据
        </div>
    </div>

</div>
</body>
</html>
<script type="text/javascript" src="../js/common/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../lib/layer/1.9.3/layer.js"></script>
<script type="text/javascript" src="../lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="../lib/icheck/jquery.icheck.min.js"></script>
<script type="text/javascript" src="../lib/Validform/5.3.2/Validform.min.js"></script>
<script type="text/javascript" src="../lib/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="../js/common/H-ui.js"></script>
<script type="text/javascript" src="../js/common/H-ui.admin.js"></script>
<script type="text/javascript" src="../js/utils/utils.js"></script>
<script type="text/javascript" src="../js/currency/vue.js"></script>
<script type="text/javascript" src="../js/currency/vue-resource.min.js"></script>
<script type="text/javascript" src="../js/currency/base.js"></script>
<script type="text/javascript" src="../js/currency/jqPaginator.js"></script>
<script type="text/javascript" src="../js/wxTradeInfo.js"></script>
